<?php
	require_once("conexion/conexion.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="Estilos/global.css" rel="stylesheet" type="text/css" />
<link href="Estilos/local.css" rel="stylesheet" type="text/css" />
<link href="Estilos/CssTabla3.css" rel="stylesheet" type="text/css" />
<link href="Estilos/jquery.autocomplete.css" rel="stylesheet" type="text/css" />

<script src="include_js/jquery.js" type="text/javascript"></script>
<script src="include_js/jquery.autocomplete.js" type="text/javascript"></script>
<style>
.texto
{
	font-weight:bold;
	font-size:14px;
}
.borde
{
	border:0px solid #6593C0;
}
</style>
</head>
<script>
function Llenar(json)
{
	$("#txtBanco").focus().autocomplete(json);
}
$(document).ready(function() 
{
	$.ajax({
			type: 'post',
			dataType: 'json',
			url: "CompletaBanco.php",
			data: {valor: '1'},
			success: function(json){
				Llenar(json);
			}
		});
	
});

function Foco()
{
	document.getElementById("txtBanco").focus();
}
function BorraDatos(dato)
{
	var cadena = dato.substring(8,9);
    if(cadena=='1')
	{
		document.getElementById("txtBanco").value= "";
		/*Foco();
		$.ajax({
            type: 'POST',
            url: 'Tabla_Banco.php',
            data: $('#form_Banco').serialize(),
            success: function(data) {
                $('#tabla').html(data);
            }
        })*/
		document.form_Banco.submit();
	}
}
function VerDatos()
{
	 $.ajax({
            type: 'POST',
            url: 'Tabla_Banco.php',
            data: $('#form_Banco').serialize(),
            success: function(data) {
                $('#tabla').html(data);
				document.getElementById('tabla').style.display='block';
            }
        })
	
}
function CerrarDatos()
{
	document.getElementById('tabla').style.display='none';
}
</script>
<body onload="Foco();">
<form name="form_Banco" id="form_Banco" method="post">
<div class='option2'><label style="font:Verdana, Arial, Helvetica, sans-serif; color:#0066CC; font-weight:bold;">Ingreso Banco.</label></div>
<div class='groupbox'>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
		<td class="borde"><div class="infopop"><div style="margin-left:150px;">
		  <label class="texto">Nombre Banco:</label>
		  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="txtBanco" id="txtBanco" size="30" /></div></div></td>
	</tr>
  <tr>
    <td class="borde"><div class="formtail"><div style="float:left; margin-top:5px;"><a href="javascript:VerDatos();">Ver Datos Ingresados</a></div><div style="margin-right:150px"><input name="btn_Guardar" id="btn_Guardar" type="button" value=" " class="guardar" /></div></div></td>
    </tr>
</table>
</div>
<table width="100%" border="0"$ cellpadding="0" cellspacing="0">
<tr><td><div id='mensaje'></div></td></tr>
</table>
<!-- Tabla contenedora de los resgistros que existen en la BD-->
<div id="tabla" style="display:none;"></div>
</form>
</body>
<script>
$('#btn_Guardar').click(function() 
{ 
        $.ajax({
            type: 'POST',
            url: 'IngresaMantenedores/IngresaBanco.php',
            data: $('#form_Banco').serialize(),
            success: function(data) {
                $('#mensaje').html(data);
				BorraDatos(data);
            }
        })
});
</script>
</html>
